<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 三个静态方法
        function fn1(){
            return new Promise((res,rej)=>{
                setTimeout (()=>{
                    var a = false
                    if(a){
                        res('成功')
                    }else{
                        rej('失败')
                    }
                },1000)
            })
        }
        function fn2(){
            return new Promise((res,rej)=>{
                setTimeout (()=>{
                    var a = false
                    if(a){
                        res('成功')
                    }else{
                        rej('失败')
                    }
                },600)
            })
        }
        function fn3(){
            return new Promise((res,rej)=>{
                setTimeout (()=>{
                    var a = false
                    if(a){
                        res('成功')
                    }else{
                        rej('失败')
                    }
                },1000)
            })
        }
        // all:所有得状态都成功才返回成功
        // 只有一个失败就返回失败
        Promise.all([fn1(),fn2(),fn3()])
        .then(val =>{
            console.log(val);
        })
        .catch(e=>{
            console.log(e);
        })
        // any(任意)只有一个成功就是成功
        // 所有的都失败才返回失败
        Promise.any([fn1(),fn2(),fn3()])
        .then(val =>{
            console.log(val);
        })
        .catch(e=>{
            console.log(e);
        })
        // race谁最先执行完毕就返回谁的状态
        Promise.race([fn1(),fn2(),fn3()])
        .then(val =>{
            console.log(val);
        })
        .catch(e=>{
            console.log(e);
        })
    </script>
</body>
</html>